<template>
  <div class="total">
    <div class="user-info"></div>
    <div class="favorites"></div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
$item-height: 0.36rem;
$item-width: 0.6rem;
$a-font-size: 0.08rem;
span {
  cursor: pointer;
}

.total {
  position: absolute;
  top: $item-height;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width:100%;
  display: flex;
  flex-direction: column;

  .user-info {
    height: 3rem;
    width: 100%;
  }

  .favorites {
    height:auto;
    width:100%;
  }
}
</style>
